<template>
	<view class="page-body">
	    <view class="page-section page-section-gap">
	        <map 
			layer-style style="width: 100%; 
			height: 300px;" 
			:latitude="latitude"
			:longitude="longitude"
			:markers="covers"
			  >
	        </map>
	    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 当前的店名
				dangqian: '天府三街',
				// 	// 地图
				id: 0, // 使用 marker点击事件 需要填写id
				title: 'map',
				latitude:0,
				longitude: 0,
				covers: [{
									// id:1,
									latitude: 30.57447,
									longitude: 103.92377,
									iconPath:'../../static/image/dfan.jpg',
									height:'40rpx',
									width:'40rpx',
									callout: {//配置气泡，配置气泡后，title会失效
										content: '我的位置',
										display: 'ALWAYS',//显示方式，可以配置点击或一直显示，BYCLICK点击显示
										padding: '2',//文本边缘留白，文字和边界宽度
										bgColor: "#f5f5f5"//背景颜色
									}
								}, 
								{
									// id:2,
									latitude: 30.57447,
									longitude: 103.72377,
									iconPath:'../../static/image/dfan.jpg',
									height:'40rpx',
									width:'40rpx',
									callout: {//配置气泡，配置气泡后，title会失效
										content: '商家位置',
										display: 'ALWAYS',//显示方式，可以配置点击或一直显示，BYCLICK点击显示
										fontSize:'20rpx',
										padding: '3',//文本边缘留白，文字和边界宽度
										bgColor: "#f5f5f5"//背景颜色
									}
								}],
	
				 // covers: [{
				 //                latitude: 39.909,
				 //                longitude: 116.39742,
				 //                iconPath: '../../static/image/dfan.jpg'
				 //            }, {
				 //                latitude: 39.90,
				 //                longitude: 116.39,
				 //                iconPath: '../../static/image/dfan.jpg'
				 //            }],
				arr: []
			}
		},
		methods: {
			// 获取地图的经纬读函数
			dizhihanshu() {
				uni.getLocation({
					type: 'wgs84',
					success: (res)=> {
					console.log('当前位置的经度：',  res.latitude);
					console.log('当前位置的纬度：', res.longitude);
	
						this.latitude = res.latitude;
						this.longitude = res.longitude;
						
					}
				});
			},
			},
	}
</script>

<style>
</style>
